<template>
  <div class="index-container">
    <Banner :p="p" />
    <Menu :p="p" />
    <MainSec :p="p" />
    <Numbers />
    <Entry :p="p" />
    <Layout background="#fbfbff" :p="p">
      <template #left>
        <Service />
      </template>
      <template #right>
        <Company />  
      </template>
    </Layout>
    <Layout :p="p">
      <template #left>
        <Solution />
      </template>
      <template #right>
        <Case />
      </template>
    </Layout>
    <Footer :p="p" />
  </div>
</template>

<script>
import Banner from "@/components/IndexComps/Banner.vue";
import Menu from "@/components/IndexComps/Menu.vue";
import MainSec from "@/components/IndexComps/MainSec.vue";
import Numbers from "@/components/IndexComps/Numbers.vue";
import Entry from "@/components/IndexComps/Entry.vue";
import Layout from "@/components/IndexComps/Layout.vue";
import Service from "@/components/IndexComps/Service.vue";
import Company from "@/components/IndexComps/Company.vue";
import Solution from '@/components/IndexComps/Solution.vue';
import Case from "@/components/IndexComps/Case.vue";
import Footer from "@/components/IndexComps/Footer.vue";
// import axios from "axios";
// import baseURL from "@/common/baseURL"
export default {
  components: {
    Menu,
    Banner,
    MainSec,
    Numbers,
    Entry,
    Layout,
    Service,
    Company,
    Solution,
    Case,
    Footer,
  },
  data() {
    return {
      p: 6,
      data: [],
    };
  },
};
</script>

<style></style>
